<template>
  <div class="help-page">
    <div class="container mx-auto px-4 py-8">
      <h1 class="text-3xl font-bold mb-8">Help Center</h1>
      
      <!-- Installation Guide -->
      <section class="mb-12">
        <h2 class="text-2xl font-semibold mb-4">How to Install APK/XAPK Files on Android</h2>
        <div class="bg-white rounded-lg shadow-md p-6">
          <h3 class="text-xl font-medium mb-4">Steps to install an APK file on Android</h3>
          
          <div class="mb-6">
            <h4 class="text-lg font-medium mb-2">For Android 8 Oreo and Newer</h4>
            <ol class="list-decimal pl-6 space-y-2">
              <li>Go to "Settings"</li>
              <li>Find "Apps & notifications"</li>
              <li>Tap "Advanced"</li>
              <li>Choose "Special app access"</li>
              <li>Scroll down to find "Install unknown apps"</li>
              <li>Choose your browser (like Chrome)</li>
              <li>Turn on "Allow from this source"</li>
              <li>Download and install APK files</li>
            </ol>
          </div>

          <div>
            <h4 class="text-lg font-medium mb-2">For Android 7 Nougat and Earlier</h4>
            <ol class="list-decimal pl-6 space-y-2">
              <li>Go to "Settings" menu</li>
              <li>Find "Security"</li>
              <li>Turn on "Unknown sources"</li>
              <li>Download and install APK files</li>
            </ol>
          </div>
        </div>
      </section>

      <!-- FAQ Section -->
      <section class="mb-12">
        <h2 class="text-2xl font-semibold mb-4">Frequently Asked Questions</h2>
        <div class="bg-white rounded-lg shadow-md p-6">
          <div class="space-y-6">
            <div>
              <h3 class="text-lg font-medium mb-2">What is an APK file?</h3>
              <p class="text-gray-600">An APK (Android Package Kit) is the package file format used by the Android operating system for distribution and installation of mobile apps. It's similar to .exe files on Windows.</p>
            </div>
            
            <div>
              <h3 class="text-lg font-medium mb-2">Why use APK files?</h3>
              <p class="text-gray-600">APK files allow you to access new features before official releases, install apps not available in your region, and use apps when Google Play Store is not accessible.</p>
            </div>
          </div>
        </div>
      </section>

      <!-- Safety Tips -->
      <section>
        <h2 class="text-2xl font-semibold mb-4">Safety Tips</h2>
        <div class="bg-white rounded-lg shadow-md p-6">
          <ul class="list-disc pl-6 space-y-2">
            <li>Always download APK files from trusted sources</li>
            <li>Check app permissions before installation</li>
            <li>Keep your device's security settings updated</li>
            <li>Regularly scan your device for malware</li>
          </ul>
        </div>
      </section>
    </div>
  </div>
</template>

<script setup>
definePageMeta({
  layout: 'default'
})
</script>

<style scoped lang="scss">
.help-page {
  min-height: 100vh;
  background-color: #f5f5f5;
  
  .container {
    max-width: 1200px;
  }
  
  h1, h2, h3, h4 {
    color: #333;
  }
  
  .bg-white {
    background-color: #fff;
  }
  
  .text-gray-600 {
    color: #4b5563;
  }
}
</style>